<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--事件委托即将子需要触发的事件绑定到父甚至再往上，利用事件的冒泡处理，减少处理数量，也可以处理动态元素有利于性能-->
<ul id="f">
    <li>.</li>
    <li>.</li>
    <li>.</li>
    <li>.</li>
</ul>
<script>
    function wei() {
        const fa = document.getElementById('f')
        fa.addEventListener('click', (e) => {
            e.target.innerText += '.'
            console.log('target',e.target)   //? li 正在触发在li上
            console.log('currentTarget',e.currentTarget) //? ul 因为事件绑在ul上
        })
    }
    wei()
</script>
</body>
</html>
